<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 1. 创建一个websocket实例
    var ws = new WebSocket("wss://javascript.info/article/websocket/demo/hello");
    // 2. 监听连接是否打开
    ws.onopen = function(evt) { 
      console.log("建立连接 ...");
      // 2.1 可以给服务器发消息
      ws.send("你好我叫刘德华");
    };
    // 2. 接收服务端推送消息
    ws.onmessage = function(evt) {
      console.log( "接收服务端消息: " + evt.data);
      // 2.2 客户端结束连接
      ws.close();
    };
    // 3. 监听连接被关闭
    ws.onclose = function(evt) {
      console.log("连接关闭.");
    };      
  </script>
</body>
</html>